---
title: Déployer votre site Astro sur Heroku
description: Comment déployer votre site Astro sur le web en utilisant Heroku.
sidebar:
  label: Heroku
type: deploy
logo: heroku
supports: ['static']
i18nReady: true
---
import { Steps } from '@astrojs/starlight/components';

[Heroku](https://www.heroku.com/) est une plateforme en tant que service permettant de créer, d'exécuter et de gérer des applications modernes dans le cloud. Vous pouvez déployer un site Astro sur Heroku à l'aide de ce guide.

:::danger
Les instructions suivantes utilisent [l'ancien `heroku-static-buildpack`](https://github.com/heroku/heroku-buildpack-static#warning-heroku-buildpack-static-is-deprecated). Veuillez consulter [la documentation d'Heroku sur l'utilisation de `heroku-buildpack-nginx`](https://github.com/dokku/heroku-buildpack-nginx) à la place.
:::

## Comment déployer

<Steps>
1. Installez [la CLI de Heroku](https://devcenter.heroku.com/articles/heroku-cli).

2. Créez un compte Heroku en vous [inscrivant](https://signup.heroku.com/).

3. Lancez `heroku login` et saisissez vos identifiants Heroku :

    ```bash
    $ heroku login
    ```

4. Créez un fichier appelé `static.json` à la racine de votre projet avec le contenu suivant :

    ```json title="static.json"
    {
      "root" : "./dist"
    }
    ```

    C'est la configuration de votre site ; lisez-en plus sur [heroku-buildpack-static](https://github.com/heroku/heroku-buildpack-static).

5. Configurez votre dépôt Git distant Heroku :

    ```bash
    # changement de version
    $ git init
    $ git add .
    $ git commit -m "Mon site prêt à être déployé".

    # crée une nouvelle application avec le nom spécifié
    $ heroku apps:create example

    # définit le buildpack pour les sites statiques
    $ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git
    ```

6. Déployez votre site :

    ```bash
    # publier le site
    $ git push heroku master

    # ouvre un navigateur pour voir la version Dashboard de Heroku CI
    $ heroku open
    ```
</Steps>
